html {font-size:20px;}
img {display:block; max-width:100%; margin:.2rem 0 .2rem;}
dd, ol, p {margin:0;}
body {padding:6px; margin:0; line-height:1.6; color:#333;}
	.main-wrap {width:100%; min-width:280px; max-width:640px; margin:0 auto;}
		.title {margin-top:1rem; font-size:1rem; font-weight:bold; color:#369;}
		.title:first-child {margin-top:0;}
		.content {padding:0; list-style-type:none; font-size:.8rem;}
		.content > li + li {margin-top:.5rem;}
		.content img {display:block; margin-left:auto; margin-right:auto; border:1px solid rgba(0,0,0,.125);}
		.content .disc {margin-top:0;}
		.disc:before {display:inline-block; content:''; width:0; height:0; margin-right:-0.2em; vertical-align:.1em; border:.3em solid transparent; border-left-color:tomato;}
	.serial {padding:2px .6em; margin-right:.3em; vertical-align:2px; font-size:.6rem; color:#fff; background-color:tan;}

	.cell-list {padding:0; font-size:.8rem; background-color:#fff;}
	.cell-list > a {display:block; padding:.5em; color:#333; text-decoration:none; border-bottom:1px solid #ddd; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	.cell-list > a:first-child {border-top:1px solid #ddd;}
	.cell-list > a:after {position:relative; top:.5em; float:right; content:' '; height:.5em; width:.5em; border-width:2px 2px 0 0; border-color:#c8c8cd; border-style:solid; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	.cell-list > a:active {background-color:#ececec;}